JavaScript Source Code 2002: Page Details: Drag-n-Drop

Home

Drag-n-Drop

Simply click images on the web page, drag to move, and then drop images anywhere on the web page. A fun way to allow your visitors to interact with your site. And, it is a short script too!

Just click and hold the 4 suit images to the left and then you can move them around the page!

JavaScript Source Code 2002: Page Details: Drag-n-Drop
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">   <! > <! >  </script> </HEAD>  <BODY> <div id="s" style="position:absolute;left:50;top:300;"> <img src=../img/cards/spades.gif name="s"> </div> <div id="d" style="position:absolute;left:50;top:350;"> <img src=../img/cards/diamonds.gif name="d"> </div> <div id="c" style="position:absolute;left:100;top:300;"> <img src=../img/cards/clubs.gif name="c"> </div> <div id="h" style="position:absolute;left:100;top:350;"> <img src=../img/cards/hearts.gif name="h"> </div> Just click and hold the 4 suit images to the left and then you can move them around the page!